@import "indexHelper/_indexVariable";

#navContainer {
  background-color: $pageMainColor;
  width: 100%;
  button {
    background-color: $navButtonColor;
    border: 0;
    padding: $navButtonVerticalPadding $navButtonHorizontalPadding;
    &:hover {
      background-color: $buttonHoverColor;
    }
  }
}

#goodsList {
  width: 80%;
  margin: 0 auto;
  height: 800px;
  background-color: mediumvioletred;
}

//search area start

#searchArea {
  form {
    width: $searchFormWidth;
    margin: 30px auto;
    input[type='text'] {
      width: $searchBoxWidth;
      height: $searchBoxHeight;
      border: 3px solid $pageMainColor;
      font-size: 15px;
    }
    input[type='button'] {
      width: $searchButtonWidth;
      height: $searchButtonHeight;
      background-color: $pageMainColor;
      margin-left: -5px;
      border: 0;
    }
  }
}

//search area end
